﻿@using ABC.Business.Models
@using ABC.Controllers.ViewModels.My
@using ABC.Core.Extentions
@using ABC.Domain.Enums
@model MyClientViewModel
@{
    ViewBag.Title = Model.Client.FullName + " - Азбука24";
    Layout = "~/Views/Shared/_MyLayout.cshtml";
}
<script>
    function PostData() {
        $.ajax({
            url: '@Url.Action("SaveNotes", "Clients")',
            type: "POST",
            data: { clientId: '@Model.Client.Id', notes: $("#notes").val() },
            beforeSend: function () {
                $("#tab-notes .btn").button('loading');
            },
            success: function (data) {
                if (data == "ok") {
                    $("#tab-notes .btn").button('complete');
                }
            }
        });
    }
</script>
<div class="row-fluid">
    <!--// Левая колонка -->
    <div class="span3">
        <div class="thumbnail client-photo">
            <img src="@(string.IsNullOrEmpty(Model.Client.Avatar) || Model.Client.Avatar.Equals("0") ? @Url.VirtualImageUrl("avatar.gif") : Url.Image(Model.Client.Avatar, 250, 250))" alt="">
        </div>
        <br>
        <div class="tabbable tabs-top">
            <ul class="nav nav-tabs">
                <li class="active"><a href="#tab-1" data-toggle="tab" rel="tooltip" title="История событий">
                    <i class="icon-rss icon2"></i></a></li>
                <li><a href="#tab-2" data-toggle="tab" rel="tooltip" title="История звонков"><i class="icon-phone icon2">
                </i></a></li>
                <li><a href="#tab-3" data-toggle="tab" rel="tooltip" title="История переписки"><i
                    class="icon-envelope-alt icon2"></i></a></li>
            </ul>
            <div class="tab-content">
                <div class="tab-pane active" id="tab-1">
                    <p class="text-placeholder">
                        История событий отсутствует<p>
                    @* <div class="widget widget-nopad">
                        <div class="widget-header">
                            <i class="icon-list-alt"></i>
                            <h3>
                                История событий</h3>
                        </div>
                        <div class="widget-content">
                            <ul class="event-items">
                                <li>
                                    <div class="event-item-detail">
                                        Отправлено коммерческое предложение <a href="#">№78557-001-01</a>
                                    </div>
                                    <div class="event-item-date">
                                        <span class="event-item-day">23</span> <span class="event-item-month">Июл</span>
                                    </div>
                                </li>
                                <li>
                                    <div class="event-item-detail">
                                        Создан профиль клиента
                                    </div>
                                    <div class="event-item-date">
                                        <span class="event-item-day">22</span> <span class="event-item-month">Июл</span>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>*@
                </div>
                <div class="tab-pane" id="tab-2">
                    <p class="text-placeholder">
                        История звонков отсутствует<p>
                </div>
                <div class="tab-pane" id="tab-3">
                    <p class="text-placeholder">
                        История переписки отсутствует<p>
                </div>
            </div>
        </div>
    </div>
    <!-- Левая колонка //-->
    <!--// Средняя колонка -->
    <div class="span9">
        <div class="page-header">
            <div class="dropdown pull-right">
                <button class="btn btn-success dropdown-toggle" data-toggle="dropdown" href="#">
                    Изменить профиль <span class="caret"></span>
                </button>
                <ul id="menu-dropdown" class="dropdown-menu">
                    <li><a href="@Url.Action("Add", "Clients", new { Model.Client.Id })"><i class="icon-edit">
                    </i>Редактировать</a></li>
                    <li class="divider"></li>
                    <li><a href="#"><i class="icon-trash"></i>Переместить в корзину</a></li>
                </ul>
            </div>
            <h1>
                @Model.Client.FullName</h1>
            <h4 class="work-info">
                @Model.Client.Work
            </h4>
        </div>
        <div class="tabbable">
            <ul class="nav nav-pills">
                <li class="active"><a href="#tab-contacts" data-toggle="tab">Контактные данные</a></li>
                <li><a href="#tab-pinfo" data-toggle="tab">Личная информация</a></li>
                <li><a href="#tab-notes" data-toggle="tab">Заметки</a></li>
            </ul>
            <div class="tab-content">
                <div class="tab-pane active" id="tab-contacts">
                    <table id="client-info" class="table table-striped">
                        <thead>
                            @if (Model.Client.Phones.Count > 0 || Model.Client.Emails.Count > 0)
                            {
                                <tr>
                                    <th colspan="2">
                                        @(Model.Client.Phones.Count > 0 ? "Телефон" : "")
                                    </th>
                                    <th colspan="2">
                                        @(Model.Client.Emails.Count > 0 ? "Электронная почта" : "")
                                    </th>
                                </tr>
                            }
                        </thead>
                        <tbody>
                            @for (var i = 0; i < (Model.Client.Emails.Count > Model.Client.Phones.Count ? Model.Client.Emails.Count : Model.Client.Phones.Count); i++)
                            {
                                <tr>
                                    @if (i < Model.Client.Phones.Count)
                                    {
                                        <td class="info-label">@Model.Client.Phones[i].Type
                                        </td>
                                        <td>
                                            <a href="callto:@Model.Client.Phones[i].Value">@Model.Client.Phones[i].Value</a>
                                        </td>
                                    }
                                    else
                                    {
                                        <td class="info-label">
                                        </td>
                                        <td>
                                        </td>
                                    }
                                    @if (i < Model.Client.Emails.Count)
                                    {
                                        <td class="info-label">@Model.Client.Emails[i].Type
                                        </td>
                                        <td>
                                            <a href="mailto:@Model.Client.Emails[i].Value">@Model.Client.Emails[i].Value</a>
                                        </td>
                                    }
                                    else
                                    {
                                        <td class="info-label">
                                        </td>
                                        <td>
                                        </td>
                                    }
                                </tr>
                            }
                            @if (Model.Client.Addresses.Count > 0 || Model.Client.Ims.Count > 0)
                            {
                                <tr>
                                    <th colspan="2">
                                        @(Model.Client.Addresses.Count > 0 ? "Адрес" : "")
                                    </th>
                                    <th colspan="2">
                                        @(Model.Client.Ims.Count > 0 ? "IM" : "")
                                    </th>
                                </tr>
                            }
                            @for (var i = 0; i < (Model.Client.Ims.Count > Model.Client.Addresses.Count ? Model.Client.Ims.Count : Model.Client.Addresses.Count); i++)
                            {
                                <tr>
                                    @if (i < Model.Client.Addresses.Count)
                                    {
                                        <td class="info-label">
                                            @Model.Client.Addresses[i].Type
                                        </td>
                                        <td>
                                            <a href="@(string.Format("{0}{1}", "http://maps.yandex.ru/?text=", Model.Client.Addresses[i].Value))">@Model.Client.Addresses[i].Value</a>
                                        </td>
                                    }
                                    else
                                    {
                                        <td class="info-label">
                                        </td>
                                        <td>
                                        </td>
                                    }
                                    @if (i < Model.Client.Ims.Count)
                                    {
                                        <td class="info-label">
                                            @Model.Client.Ims[i].Type
                                        </td>
                                        <td>
                                            @Model.Client.Ims[i].Value
                                        </td>
                                    }
                                    else
                                    {
                                        <td class="info-label">
                                        </td>
                                        <td>
                                        </td>
                                    }
                                </tr>
                            }
                            @if (Model.Client.SocNets.Count > 0)
                            {
                                <tr>
                                    <th colspan="2">
                                    </th>
                                    <th colspan="2">
                                        @(Model.Client.SocNets.Count > 0 ? "Соцсеть" : "")
                                    </th>
                                </tr>
                            }
                            @foreach (var contact in Model.Client.SocNets)
                            {
                                <tr>
                                    <td class="info-label">
                                    </td>
                                    <td>
                                    </td>
                                    <td class="info-label">
                                        @contact.Type
                                    </td>
                                    <td>
                                        <a href="@(string.Format("{0}{1}", "//vk.com/", contact.Value))">@contact.Value</a>
                                        @(contact.Type == SocialNetworkType.Вконтакте.ToString() ? string.Format("({0})", ClientsModel.GetStatusClientVk(contact.Value)) : "")
                                    </td>
                                </tr>
                            }
                        </tbody>
                    </table>
                </div>
                <div class="tab-pane" id="tab-pinfo">
                    <table id="client-info" class="table table-striped ">
                        <thead>
                            <tr>
                                <th colspan="2">
                                    @(Model.Client.BirthDay == DateTime.MinValue ? "" : "Дата рождения")
                                </th>
                                <th colspan="2">
                                    @(Model.Client.DateLawToCar == DateTime.MinValue ? "" : "Дата получения прав")
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td class="info-label">
                                    @(Model.Client.BirthDay == DateTime.MinValue ? "" : Model.Client.BirthDay.ToFriendlyDate())
                                </td>
                                <td>
                                    @(Model.Client.BirthDay == DateTime.MinValue ? "" : string.Format("Возраст: {0} {1}", Model.Client.Age, DateTimeExtention.GetAgeCase(Model.Client.Age)))
                                </td>
                                <td class="info-label">
                                    @(Model.Client.DateLawToCar == DateTime.MinValue ? "" : Model.Client.DateLawToCar.ToFriendlyDate())
                                </td>
                                <td>
                                    @(Model.Client.DateLawToCar == DateTime.MinValue ? "" : string.Format("Стаж: {0} {1}", Model.Client.Experience, DateTimeExtention.GetAgeCase(Model.Client.Experience)))
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="tab-pane" id="tab-notes">
                    @Html.TextAreaFor(x => x.Client.Notes, new { @class = "input-large textarea", id = "notes", placeholder = "Какой нибудь текст", rows = "3" })
                    <br>
                    <button class="btn" data-loading-text="Изменения сохранены" data-complete-text="Сохранить заметку"
                        autocomplete="off" onclick="PostData();">
                        Сохранить заметку</button>
                </div>
            </div>
        </div>
        <hr>
        <div class="tabbable">
            <ul class="nav nav-tabs">
                <li class="active"><a href="#tab1" data-toggle="tab">Сделки <span class="badge">0</span></a></li>
                <li><a href="#tab2" data-toggle="tab">Полисы <span class="badge badge-success">0</span></a></li>
                <li><a href="#tab3" data-toggle="tab">Объекты <span class="badge badge-info">@Model.Client.ObjectsOfInsurance.Count</span></a></li>
                <li><a href="#tab4" data-toggle="tab">Убытки <span class="badge badge-important">0</span></a></li>
            </ul>
            <div class="tab-content">
                <div class="tab-pane active" id="tab1">
                    <p class="text-placeholder">
                        Сделки отсутствуют.</p>
                    @*<table class="table table-bordered table-striped">
                        <thead>
                            <tr>
                                <th>
                                    Название сделки
                                </th>
                                <th>
                                    Статус
                                </th>
                                <th>
                                    Важность
                                </th>
                                <th>
                                    Создана
                                </th>
                                <th>
                                    Срок закрытия
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>
                                    Каско и ОСАГО для авто
                                </td>
                                <td>
                                    В работе
                                </td>
                                <td>
                                    Высокая
                                </td>
                                <td>
                                    28.12.2012 23:59
                                </td>
                                <td>
                                    28.12.2013
                                </td>
                            </tr>
                        </tbody>
                    </table>*@
                </div>
                <div class="tab-pane" id="tab2">
                    <p class="text-placeholder">
                        Полисы отсутствуют.</p>
                    @*<table class="table table-bordered table-striped">
                        <thead>
                            <tr>
                                <th>
                                    Страхуемый риск
                                </th>
                                <th>
                                    Полис
                                </th>
                                <th colspan="2">
                                    Период действия
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>
                                    КАСКО
                                </td>
                                <td>
                                    ВВВ 0605344872
                                </td>
                                <td>
                                    <ul class="unstyled">
                                        <li>от 28.12.2012 23:59</li>
                                        <li>до 28.12.2013 23:59</li>
                                    </ul>
                                </td>
                                <td>
                                    <button class="btn">
                                        Продлить договор</button>
                                </td>
                            </tr>
                        </tbody>
                    </table>*@
                </div>
                <div class="tab-pane" id="tab3">
                    @if (Model.Client.ObjectsOfInsurance.Count == 0)
                    {
                        <p class="text-placeholder">
                            Объекты страхования отсутствуют.</p>
                    }
                    else
                    {
                        <table class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th>
                                        Объект страхования
                                    </th>
                                    <th>
                                        Продукт страхования
                                    </th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach (var obj in Model.Client.ObjectsOfInsurance)
                                {
                                    <tr>
                                        <td>
                                            <ul class="unstyled">
                                                <li><a href="@Url.Action("AddObject", "Cabinet", new { id = obj.Id })">@(string.Format("{0} {1}, {2}", obj.Manufacture, obj.Model, obj.Release))</a></li>
                                            </ul>
                                        </td>
                                        <td>
                                            <ul>
                                                <li><a class="add-object-link" href="@Url.Action("AddObject", "Cabinet", new { id = obj.Id, tab = "tab1" })" title="Добавить продукт страхования">
                                                    Продукты отсутствуют</a></li>
                                            </ul>
                                        </td>
                                    </tr>
                                }
                            </tbody>
                        </table>
                        <div class="btn-toolbar">
                            <div class="btn-group" onclick="location.href='@Url.Action("AddObject", "Cabinet", new { insurerId = Model.Client.Id, id = "" })'">
                                <button class="btn">
                                    Добавить объект страхования</button>
                                <button class="btn" type="button" rel="tooltip" data-toggle="modal" title="Выбрать из списка">
                                    <i class="icon-list"></i>
                                </button>
                            </div>
                        </div>
                    }
                </div>
                <div class="tab-pane" id="tab4">
                    <p class="text-placeholder">
                        Заявленные убытки отсутствуют.<p>
                    @*<div class="btn-toolbar">
                                <div class="btn-group">
                                    <button class="btn">
                                        Заявить убыток</button>
                                    <button class="btn" type="button" rel="tooltip" data-toggle="modal" href="#clients-list"
                                        title="Выбрать из списка">
                                        <i class="icon-list"></i>
                                    </button>
                                </div>
                            </div>*@
                </div>
            </div>
        </div>
    </div>
    <!--// Средняя колонка -->
    <!--// Правая колонка -->
    <div class="span3">
    </div>
    <!-- Правая колонка //-->
</div>
